<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome!</title>
<!-- 引入bootstrap -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css" href="style/css/login.css" />
<style type="text/css">
#indexbox {
	width: 100%;
}

#indextop {
	background-color: #FFFFFF;
	padding-left: 20px;
	height: 70px;
}

#indexbottom {
	background-color: #FFFFFF;
	height: 50px;
}

#indexmiddle {
	background-color: #84C1FF;
	height: 400px;
}

#title1 {
	 margin:20% auto; width:400px; height:100px; 
}
</style>
</head>
<body>
	<div id="indexbox" class="container">
				<div id="indextop" class="row clearfix">
					<div class="col-md-12 column">
						<img src="style/image/ateamlogo.png">
					</div>
				</div>
				<div id="indexmiddle" class="row clearfix">
					<div class="col-md-7 column">
						<div id="title1">
							<h2>@Team提供的不仅仅是一个工具</h2>
							<h2>更是一种全新的</h2>
							<h1>协作思维和团队管理方式。</h1> 
						</div>
					</div>
					<div class="col-md-5 column">
						<div class="container">
							<section id="content">
								<form id="loginform" action="login.do" method="post">
									<h1>Login To @team</h1>
									<div>
										<input type="text" placeholder="请输入邮箱" required="邮箱不能为空"
											name="email" id="email" />
									</div>
									<div>
										<input type="password" placeholder="请输入密码" required="密码不能为空"
											name="password" id="passord" />
									</div>
									<div>
										<input type="submit" value="Login" /> <a href="#">Lost
											your password?</a> <a href="register.jsp">Register</a>
									</div>
								</form>
								<!-- form -->
								<div class="button">
									<a href="help.html">用户手册</a>
								</div>
								<!-- button -->
							</section>
							<!-- content -->
						</div>
						<!-- container -->
					</div>
				</div>
				<div id="indexbottom" class="row clearfix">
					<div class="col-md-12 column"></div>
				</div>
			</div>
</body>
</html>